﻿<!DOCTYPE html>
<html lang="zh" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
	<title>联系我们</title>
    <meta name="description" content="Description...">
    <meta name="keywords" content="keyword1,keyword2,keyword3..">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="fonts/FontAwesome/font-awesome.css" rel="stylesheet">
	<link href="css/animate.css" rel="stylesheet">
    <link href="plugin/swiper3/css/swiper.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
    <script src="js/jquery-1.10.1.js"></script>
    <script src="js/prefixfree.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
    <script src="plugin/swiper3/js/swiper.min.js"></script>
    <script src="plugin/swiper3/js/swiper.animate1.0.2.min.js"></script>
    <script src="js/public.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: false,
        live: true
    });
    wow.init();
    </script>
	<!--[if lt IE 9]>
	  <script src="js/html5shiv.min.js"></script>
	  <script src="js/respond.min.js"></script>
	<![endif]-->    
    <script>
    	function scro(){
			if($(document).scrollTop()>50){$(".headerBg").addClass("active");}else{$(".headerBg").removeClass("active");}
		}
		scro();
		$(window).scroll(function(){
			scro();
		})
    </script>
</head>
<body>
<header class="headerBg navbar-fixed-top">
	<div class="container-fluid">
    	<div class="logo"><a href="#"><img src="images/logo.png" class="img-responsive" alt="智慧星光"></a></div>
        <div class="menuBtn">
        	<span></span>
            <span></span>
            <span></span>
        </div>
        <div class="hdRig">
            <ul class="hdRigList list-unstyled">
                <li><a class="hdTel" href="tel:010-52722366"><i class="fa fa-phone"></i></a><span>010-52722366</span></li>
                <li><a class="hdShare" href="javascript:;"><i class="fa fa-weibo"></i></a></li>
                <li><a class="hdShare" href="javascript:;"><i class="fa fa-weixin"></i></a>
                    <div class="hdWx">
                        <img src="images/wchat.jpg" class="img-responsive">
                        <p>扫一扫，关注我们</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="navBox hidden-xs hidden-sm">
        	<ul class="navList list-unstyled">
            	<li class="navLi">
                	<h3><a href="index.html"><span>首页</span></a></h3>
                </li>
            	<li class="navLi">
                	<h3><a href="onepage.html"><span>关于我们</span></a></h3>
                    <div class="navSub">
                    	<ul class="navSubList list-unstyled">
                        	<li class="navSubLi">
                            	<h4><a href="article.html">公司介绍</a></h4>                                
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="article.html">大事记</a></h4>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="honour.html">资质荣誉</a></h4>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="artlist.html">新闻中心</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
            	<li class="navLi">
                	<h3><a href="#"><span>产品与服务</span></a></h3>
                    <div class="navSub">
                    	<ul class="navSubList list-unstyled">
                        	<li class="navSubLi">
                            	<h4><a href="https://www.baidu.com">大数据应用</a></h4>
                                <ul class="navThrList list-unstyled">
                                	<li class="navThrLi">
                                    	<h5><a href="#">舆情应用</a></h5>
                                        <ul class="navFouList list-unstyled">
                                        	<li class="navFouLi"><a href="#">舆情秘书</a></li>
                                        	<li class="navFouLi"><a href="#">舆情秘书（企业）</a></li>
                                        	<li class="navFouLi"><a href="#">舆情OA</a></li>
                                        	<li class="navFouLi"><a href="#">智慧研判</a></li>
                                        	<li class="navFouLi"><a href="#">重点人物监控平台</a></li>
                                        	<li class="navFouLi"><a href="#">智慧网评</a></li>
                                        </ul>
                                    </li>
                                	<li class="navThrLi">
                                    	<h5><a href="#">互联网应用</a></h5>
                                        <ul class="navFouList list-unstyled">
                                        	<li class="navFouLi"><a href="#">舆情秘书</a></li>
                                        	<li class="navFouLi"><a href="#">舆情秘书（企业）</a></li>
                                        	<li class="navFouLi"><a href="#">舆情OA</a></li>
                                        	<li class="navFouLi"><a href="#">智慧研判</a></li>
                                        	<li class="navFouLi"><a href="#">重点人物监控平台</a></li>
                                        	<li class="navFouLi"><a href="#">智慧网评</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="https://www.jd.com">大数据服务</a></h4>
                                <ul class="navThrList list-unstyled">
                                	<li class="navThrLi">
                                    	<h5><a href="#">舆情应用</a></h5>
                                    </li>
                                	<li class="navThrLi">
                                    	<h5><a href="#">互联网应用</a></h5>
                                    </li>
                                </ul>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">大数据项目</a></h4>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">大数据报告</a></h4>

                            </li>
                        </ul>
                    </div>
                </li>                
            	<li class="navLi">
                	<h3><a href="#"><span>大数据方案</span></a></h3>
                    <div class="navSub">
                    	<ul class="navSubList list-unstyled">
                        	<li class="navSubLi">
                            	<h4><a href="#">行业应用解决方案</a></h4>                                
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">数据服务解决方案</a></h4>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">报告服务解决方案</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navLi">
                	<h3><a href="case.html"><span>案例</span></a></h3>
                    <div class="navSub">
                    	<ul class="navSubList list-unstyled">
                        	<li class="navSubLi">
                            	<h4><a href="#">政府部门</a></h4>                                
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">公安部门</a></h4>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">旅游部门</a></h4>
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="#">房地产</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navLi on">
                	<h3><a href="contact.html"><span>联系我们</span></a></h3>
                    <div class="navSub">
                    	<ul class="navSubList list-unstyled">
                        	<li class="navSubLi">
                            	<h4><a href="partner.html">招商加盟</a></h4>                                
                            </li>
                        	<li class="navSubLi">
                            	<h4><a href="contact.html">联系我们</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="navBoxm"></div>
    </div>
</header>
<div class="clearfix"></div>
<div class="bannerN">
	<div class="imgFull"><img src="images/banContact.jpg" class="img-responsive"></div>
    <h2 class="banH2 wow fadeInUp">联系我们</h2>
</div>
<div class="mainBg">    
    <div class="container">
    	<div class="contact">
        	<div class="row">
            	<div class="col-xs-12 col-sm-12 col-md-6 wow fadeInLeft">
                	<div class="contactWay">
                    	<h3>北京智慧星光信息技术有限公司</h3>
                        <p>地址：北京市海淀区中关村大厦12层</p>
                        <p>电话：010-52722336/99</p>
                        <p>传真：010-52722399转8001</p>
                        <p>客服邮箱：KF@YQZBW.COM</p>
                        <p>客服电话：010-52722366 (周一至周五 08:30 — 17:30)</p>
                        <p>18210992366 (24小时)</p>
                    </div>
                </div>
            	<div class="col-xs-12 col-sm-12 col-md-6 wow fadeInRight">
                	<ul class="contactShare list-unstyled list-inline">
                    	<li>
                        	<a class="conShIco" href="#">
                                <i class="fa fa-qq"></i>
                                <p>在线客服</p>
                            </a>
                        </li>
                    	<li>
                        	<a class="conShIco" href="javascript:;">
                                <i class="fa fa-weixin"></i>
                                <p>微信公众号</p>
                            </a>
                            <div class="conWx"><img src="images/wchat.jpg" class="img-responsive"></div>
                        </li>
                    	<li>
                        	<a class="conShIco" href="#">
                                <i class="fa fa-weibo"></i>
                                <p>新浪微博</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="contact_map" id="dituContent"></div>
    <div class="container">
    	<div class="contactBot">
        	<h2 class="text-center conBotTit">快速下载官方软件</h2>
            <ul class="conBotList list-unstyled list-inline">
            	<li class="wow fadeInUp">
                	<div class="media">
                    	<div class="media-left media-middle"><img src="images/contactWx1.jpg"></div>
                        <div class="media-body media-middle">
                        	<h3>舆情秘书软件下载</h3>
                        	<p>扫描二维码，下载舆情秘书手机客户端，拥有舆情秘书，第一时间获取舆情信息，随时随地掌握舆情</p>
                        </div>
                    </div>
                </li>
            	<li class="wow fadeInUp">
                	<div class="media">
                    	<div class="media-left media-middle"><img src="images/contactWx2.jpg"></div>
                        <div class="media-body media-middle">
                        	<h3>中国舆情首席微信号</h3>
                        	<p>扫描二维码，下载舆情秘书手机客户端，拥有舆情秘书，第一时间获取舆情信息，随时随地掌握舆情</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<footer class="footerBg">
	<div class="container">
    	<div class="footTop">
        	<div class="footTopR text-right">
            	<a href="#" class="kefu"><img src="images/kefu.png"> 在线客服</a>
                <div class="clear"></div>
                <p class="fTel">010-52722366</p>
                <p>（周一至周五8:30-17:30）</p>
            </div>
            <div class="footTopL">
            	<ul class="footLink list-unstyled list-inline">
                	<li>
                    	<h3><a class="ellipsis" href="#">关于我们</a></h3>
                        <div class="footSub">
                        	<p><a class="ellipsis" href="#">公司介绍</a></p>
                        	<p><a class="ellipsis" href="#">大事记</a></p>
                        	<p><a class="ellipsis" href="#">资质荣誉</a></p>
                        	<p><a class="ellipsis" href="#">新闻中心</a></p>
                        </div>
                    </li>
                	<li>
                    	<h3><a class="ellipsis" href="#">产品与服务</a></h3>
                        <div class="footSub">
                        	<p><a class="ellipsis" href="#">舆情应用</a></p>
                        	<p><a class="ellipsis" href="#">互联网信息识别分析应用</a></p>
                        	<p><a class="ellipsis" href="#">数据服务</a></p>
                        	<p><a class="ellipsis" href="#">项目服务</a></p>
                        	<p><a class="ellipsis" href="#">报告服务</a></p>
                        </div>
                    </li>
                	<li>
                    	<h3><a class="ellipsis" href="#">解决方案</a></h3>
                        <div class="footSub">
                        	<p><a class="ellipsis" href="#">行业应用解决方案</a></p>
                        	<p><a class="ellipsis" href="#">数据服务解决方案</a></p>
                        	<p><a class="ellipsis" href="#">报告服务解决方案</a></p>
                        </div>
                    </li>
                	<li>
                    	<h3><a class="ellipsis" href="#">案例</a></h3>
                        <div class="footSub">
                        	<p><a class="ellipsis" href="#">政府部门</a></p>
                        	<p><a class="ellipsis" href="#">公安部门</a></p>
                        	<p><a class="ellipsis" href="#">旅游部门</a></p>
                        	<p><a class="ellipsis" href="#">房地产</a></p>
                        </div>
                    </li>
                	<li>
                    	<h3><a class="ellipsis" href="#">联系我们</a></h3>
                        <div class="footSub">
                        	<p><a class="ellipsis" href="#">招商加盟</a></p>
                        	<p><a class="ellipsis" href="#">联系我们</a></p>
                        </div>
                    </li>
                	<li>
                    	<h3><a class="ellipsis" href="#">快捷登录</a></h3>
                        <div class="footSub">
                        	<p><a class="ellipsis" href="#">舆情秘书</a></p>
                        	<p><a class="ellipsis" href="#">智慧网评</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    	<div class="footBot">
        	<img src="images/footLogo.png" class="footLogo">
        	<p>Copyright © 2001-2015 istarshine.com.All rights reserved.  京ICP备1200df6号-1  京公网安备1101dsf8588号 </p>
            <div class="clear"></div>
        </div>
    </div>
</footer>
<ul class="online list-unstyled">
	<li>
    	<a class="onlineIco" href="#">
        	<i class="fa fa-qq"></i>
        	<div class="onlineCon">在线客服</div>
        </a>
    </li>
	<li>
    	<a class="onlineIco" href="#">
        	<i class="fa fa-phone"></i>
        	<div class="onlineCon">010-58859850</div>
        </a>
    </li>	
	<li>
    	<a class="onlineIco" href="#">
        	<i class="fa fa-weixin"></i>
        	<div class="onlineCon">扫码关注</div>
        </a>
        <div class="onlineWx">
        	<img src="images/wchat.jpg" class="img-responsive">
        </div>
    </li>
	<li class="online_top">
    	<a class="onlineIco" href="javascript:;">
        	<i class="fa fa-arrow-up"></i>
        	<div class="onlineCon">返回顶部</div>
        </a>
    </li>
</ul>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        //addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(116.322891,39.983595);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
	var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
	map.addControl(ctrl_nav);
                //向地图中添加比例尺控件
	var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
	map.addControl(ctrl_sca);
    }
    
    //标注点数组
    var markerArr = [{title:"北京智慧星光信息技术有限公司",content:"电话：010-52xxx2336/99<br/>邮箱：KF@YxxxQZBW.COM",point:"116.322891,39.983595",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
		 ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split(",")[0];
            var p1 = json.point.split(",")[1];
            var point = new BMap.Point(p0,p1);
			var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
			var iw = createInfoWindow(i);
			var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
			marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
			
			(function(){
				var index = i;
				var _iw = createInfoWindow(i);
				var _marker = marker;
				_marker.addEventListener("click",function(){
				    this.openInfoWindow(_iw);
			    });
			    _iw.addEventListener("open",function(){
				    _marker.getLabel().hide();
			    })
			    _iw.addEventListener("close",function(){
				    _marker.getLabel().show();
			    })
				label.addEventListener("click",function(){
				    _marker.openInfoWindow(_iw);
			    })
				if(!!json.isOpen){
					label.hide();
					_marker.openInfoWindow(_iw);
				}
			})()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    
    initMap();//创建和初始化地图
</script>
</body>
</html>